import React, { Component } from 'react';
import Topnav from '@/components/Topnav'
import { CenterBox } from '../../style'
import { withRouter } from 'react-router-dom'
import { List } from 'antd-mobile';
const Item = List.Item;
class Index extends Component {
    
    render() {
        return (
            <CenterBox>
                <Topnav title="个人中心" />
                <div className="login">
                    <img src="http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/right-fixed-face.png" alt="" />
                    <div onClick={() => { this.props.history.push('/login') }}>立即登录</div>
                </div>
                <div className="items">
                    <List renderHeader={() => 'Basic Style'} className="my-list">
                        <Item arrow="horizontal" extra={'extra content'}>Title</Item>
                    </List>
                </div>
            </CenterBox>
        );
    }
}

export default withRouter(Index);
